<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css">
<style type="text/css">
	*{
	    margin:0;
	    padding: 0;
	    text-decoration: none;
	    list-style-type: none;
	 }
	 :root{
	    /* 黑色导航栏颜色 */
	    --bg-black-nav:#0f0f0f;
	    --bg-black-nav-text:#333;
	    --bg-black-nav-text-hover:#fff;
	 }
	
	 /* 黑色导航  start*/
	 .black-nav{
	    width: 100%;
	    height: 40px;
	    line-height: 40px;
	    background: var(--bg-black-nav-text);
	    font-size: 12px;
	 }
	.black-nav .wrap{
	    width: 1226px;
	    margin: 0 auto;
	 }
	 .black-nav .wrap .black-nav-left{
	    float: left;
	 }
	 .black-nav .wrap .black-nav-right{
	    float: right;
	 }
	
	 .black-nav .wrap  li{
	    float: left;
	    position: relative;
	 }
	
	.black-nav a{
	    color: #b0b0b0;
	}
	
	 .black-nav span{
	    color: #424242;
	    margin: 0 3.6px;
	 }
	
	 .download{
	    width: 124px;
	    height: 0px;
	     background: var(--bg-black-nav-text-hover);
	     box-shadow: 0 1px 5px #aaa;
	     position: absolute;
	     top: 40px;
	     left: 24%;
	     margin-left: -62px;
	     overflow: hidden;
	 }
	 .download svg{
	    width: 90px;
	    margin: -10px 17px -24px;
	 }
	 .download p{
	    color: var(--bg-black-nav-text);
	    font-size: 13px;
	    line-height: 14px;
	    text-align: center;
	 }
	 .black-nav-left li:hover>.download{
	    height: 148px;
	 }
	 .stir{
	    width: 0;
	    height: 0;
	    border-bottom:8px solid #fff;
	    border-left:8px solid transparent;
	    border-right:8px solid transparent;
	    position: absolute;
	    bottom: 0;
	    left: 24%;
	    margin-left: -8px;
	    display: none;
	 }
	 .black-nav-left>li:hover>.stir{
	    display: block;
	 }
	
	 .cart{
	    width: 120px;
	    height: 40px;
	    background: #424242;
	 }
	 .cart i svg{
	    height: 19px;
	    margin-top: 2px;
	 }
	 .cart:hover{
	    background: #fff;
	 }
	 .cart:hover>a{
	    color: #ff6700;
	 }
	 .cart-list{
	    width: 316px;
	    height: 0;
	    background: #fff;
	    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	    position: absolute;
	    right: 0;
	    top: 40px;
	    color: #424242;
	    overflow: hidden;
	    text-align: center;
	    line-height: 100px;
	 }
	
	 .cart:hover>.cart-list{
	    height: 100px;
	 }
	 /* 黑色导航  end*/

</style>
</head>

<body>
    <div>
        <!-- 头部 -->
        <div class="black-nav">
                <div class="wrap">
                    <ul class="black-nav-left">
                        <li><a href="#">小米官网</a><span> | </span></li>
                        <li><a href="#">小米官网</a><span> | </span></li>
                        <li><a href="#">小米官网</a><span> | </span></li>
                        <li>
                            <a href="#">下载app</a>
                            <span> | </span>
                            <div class="download">
                                <svg t="1738485347774" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4277" width="128" height="128"><path d="M433.282171 47.939849 94.944396 47.939849c-23.327288 0-42.304502 18.975167-42.304502 42.300408l0 338.341868c0 23.324218 18.977213 42.300408 42.304502 42.300408L433.282171 470.882534c23.324218 0 42.300408-18.97619 42.300408-42.300408L475.582579 90.240257C475.581556 66.915016 456.606389 47.939849 433.282171 47.939849zM438.742533 428.582125c0 3.01159-2.449795 5.461385-5.461385 5.461385L94.944396 434.04351c-3.013637 0-5.465478-2.450818-5.465478-5.461385L89.478917 90.240257c0-3.01159 2.451842-5.461385 5.465478-5.461385L433.282171 84.778872c3.01159 0 5.461385 2.449795 5.461385 5.461385L438.743556 428.582125z" fill="#FF9000" p-id="4278"></path><path d="M322.914504 173.887352l-117.608581 0c-14.733563 0-26.719548 11.985986-26.719548 26.719548l0 117.608581c0 14.735609 11.985986 26.724665 26.719548 26.724665l117.608581 0c14.735609 0 26.724665-11.989055 26.724665-26.724665l0-117.608581C349.640192 185.873338 337.651137 173.887352 322.914504 173.887352zM312.801169 308.101123l-97.374748 0 0-97.374748 97.374748 0L312.801169 308.101123z" fill="#FF9000" p-id="4279"></path><path d="M322.914504 675.606195l-117.608581 0c-14.733563 0-26.719548 11.989055-26.719548 26.724665l0 117.608581c0 14.732539 11.985986 26.719548 26.719548 26.719548l117.608581 0c14.735609 0 26.724665-11.987009 26.724665-26.719548l0-117.608581C349.640192 687.59525 337.651137 675.606195 322.914504 675.606195zM312.801169 809.819966l-97.374748 0 0-97.374748 97.374748 0L312.801169 809.819966z" fill="#FF9000" p-id="4280"></path><path d="M699.123818 344.940147l117.608581 0c14.735609 0 26.724665-11.989055 26.724665-26.724665l0-117.608581c0-14.733563-11.989055-26.719548-26.724665-26.719548l-117.608581 0c-14.732539 0-26.719548 11.985986-26.719548 26.719548l0 117.608581C672.40427 332.951091 684.391279 344.940147 699.123818 344.940147zM709.243293 210.726376l97.374748 0 0 97.374748-97.374748 0L709.243293 210.726376z" fill="#FF9000" p-id="4281"></path><path d="M433.282171 546.435277 94.944396 546.435277c-23.327288 0-42.304502 18.97619-42.304502 42.300408L52.639894 927.077553c0 23.325241 18.977213 42.301432 42.304502 42.301432L433.282171 969.378985c23.324218 0 42.300408-18.97619 42.300408-42.301432L475.582579 588.735685C475.581556 565.411467 456.606389 546.435277 433.282171 546.435277zM438.742533 927.077553c0 3.01159-2.449795 5.462408-5.461385 5.462408L94.944396 932.539962c-3.013637 0-5.465478-2.450818-5.465478-5.462408L89.478917 588.735685c0-3.010567 2.451842-5.461385 5.465478-5.461385L433.282171 583.2743c3.01159 0 5.461385 2.450818 5.461385 5.461385L438.743556 927.077553z" fill="#FF9000" p-id="4282"></path><path d="M590.849836 547.776831c-23.325241 0-42.301432 18.978237-42.301432 42.305525l0 194.649212c0 10.172687 8.246825 18.419512 18.419512 18.419512s18.419512-8.246825 18.419512-18.419512L585.387427 590.082356c0-3.013637 2.450818-5.466502 5.462408-5.466502l204.825992 0c10.172687 0 18.419512-8.246825 18.419512-18.419512s-8.246825-18.419512-18.419512-18.419512L590.849836 547.776831z" fill="#FF9000" p-id="4283"></path><path d="M588.757175 470.882534l338.341868 0c23.325241 0 42.301432-18.97619 42.301432-42.300408L969.400474 90.240257c0-23.324218-18.97619-42.300408-42.301432-42.300408L588.757175 47.939849c-23.324218 0-42.300408 18.975167-42.300408 42.300408l0 338.341868C546.456766 451.906343 565.432956 470.882534 588.757175 470.882534zM583.295789 90.240257c0-3.01159 2.450818-5.461385 5.461385-5.461385l338.341868 0c3.01159 0 5.462408 2.449795 5.462408 5.461385l0 338.341868c0 3.01159-2.450818 5.461385-5.462408 5.461385L588.757175 434.04351c-3.010567 0-5.461385-2.450818-5.461385-5.461385L583.295789 90.240257z" fill="#FF9000" p-id="4284"></path><path d="M969.676767 566.196343c0-10.172687-8.246825-18.419512-18.419512-18.419512l-67.50444 0c-10.172687 0-18.419512 8.246825-18.419512 18.419512s8.246825 18.419512 18.419512 18.419512l49.084928 0 0 71.009264L779.708158 655.625118c-10.172687 0-18.419512 8.246825-18.419512 18.419512s8.246825 18.419512 18.419512 18.419512l171.549098 0c10.172687 0 18.419512-8.246825 18.419512-18.419512 0-0.076748-0.010233-0.151449-0.011256-0.228197 0.001023-0.076748 0.011256-0.150426 0.011256-0.228197L969.676767 566.196343z" fill="#FF9000" p-id="4285"></path><path d="M630.202099 933.142689l-44.813648 0 0-51.2922c0-10.172687-8.246825-18.419512-18.419512-18.419512s-18.419512 8.246825-18.419512 18.419512l0 69.711711c0 10.172687 8.246825 18.419512 18.419512 18.419512l63.23316 0c10.172687 0 18.419512-8.246825 18.419512-18.419512S640.374786 933.142689 630.202099 933.142689z" fill="#FF9000" p-id="4286"></path><path d="M834.04981 790.359752c0-10.172687-8.246825-18.419512-18.419512-18.419512L699.257871 771.940241c-10.172687 0-18.419512 8.246825-18.419512 18.419512l0 163.013701c0 10.172687 8.246825 18.419512 18.419512 18.419512s18.419512-8.246825 18.419512-18.419512L717.677383 808.779264 815.630299 808.779264C825.802986 808.779264 834.04981 800.532439 834.04981 790.359752z" fill="#FF9000" p-id="4287"></path><path d="M951.060781 723.425294c-10.172687 0-18.419512 8.246825-18.419512 18.419512l0 194.301288L765.943666 936.146093c-10.172687 0-18.419512 8.246825-18.419512 18.419512s8.246825 18.419512 18.419512 18.419512l185.117115 0c10.172687 0 18.419512-8.246825 18.419512-18.419512L969.480292 741.844805C969.480292 731.672118 961.234491 723.425294 951.060781 723.425294z" fill="#FF9000" p-id="4288"></path><path d="M655.979182 623.620194c-10.172687 0-18.419512 8.246825-18.419512 18.419512l0 59.869552c0 10.172687 8.246825 18.419512 18.419512 18.419512s18.419512-8.246825 18.419512-18.419512l0-59.869552C674.398694 631.867018 666.151869 623.620194 655.979182 623.620194z" fill="#FF9000" p-id="4289"></path></svg>
                                <p>小米商城app</p>
                            </div>
                            <div class="stir"></div>
                        </li>
                        <li><a href="#">小米官网</a><span> | </span></li>
                        <li><a href="#">小米官网</a></li>
                    </ul>
                    <ul class="black-nav-right">
                        <li><a href="#">登录</a><span> | </span></li>
                        <li><a href="#">注册</a><span> | </span></li>
                        <li><a href="#">消息通知</a><span> | </span></li>
                        <li class="cart">
                            <a href="#">
        <i><svg class = "zxc" t="1738485441022" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5315" width="32" height="32"><path d="M848 712H318.4c-25.6 0-46.4-19.2-48-41.6L240 201.6c-1.6-25.6-16-46.4-38.4-57.6l-48-20.8c-12.8-4.8-25.6 0-32 12.8s0 25.6 12.8 32l46.4 20.8c6.4 3.2 11.2 9.6 11.2 17.6l28.8 468.8c3.2 48 46.4 86.4 96 86.4H848c12.8 0 24-11.2 24-24s-11.2-25.6-24-25.6z" p-id="5316" fill="#8a8a8a"></path><path d="M884.8 265.6c-14.4-16-35.2-25.6-57.6-25.6H337.6c-12.8 0-24 11.2-24 24s11.2 24 24 24h489.6c8 0 16 3.2 20.8 9.6 4.8 6.4 8 14.4 8 22.4l-38.4 211.2v1.6c-1.6 14.4-12.8 24-27.2 25.6l-420.8 32c-12.8 1.6-22.4 12.8-22.4 25.6 1.6 12.8 11.2 22.4 24 22.4h1.6l419.2-32c36.8-3.2 67.2-30.4 70.4-67.2l38.4-212.8v-1.6c4.8-20.8-1.6-43.2-16-59.2z" p-id="5317" fill="#8a8a8a"></path><path d="M305.6 856m-56 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0Z" p-id="5318" fill="#8a8a8a"></path><path d="M753.6 856m-56 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0Z" p-id="5319" fill="#8a8a8a"></path></svg></i>
                                <i>购物车（0）</i>
                            </a>
                            <div class="cart-list">
                                购物车中还没有商品
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        <!-- 导航栏 -->
        <div id="Navigation">
            <!-- logo -->
            <div id="Navigation_img">
                <img src="images/logo.png" width="56px" height="56px" alt="">
            </div>
            <!-- 导航栏内容 -->
            <div id="Navigation_nav">
                <ul>
                    <li><a href=""></a></li>
                    <li><a href="" class="Navigation_nav_a">小米手机</a></li>
                    <li><a href="" class="Navigation_nav_a">REDMI手机</a></li>
                    <li><a href="" class="Navigation_nav_a">电视</a></li>
                    <li><a href="" class="Navigation_nav_a">笔记本</a></li>
                    <li><a href="" class="Navigation_nav_a">平板</a></li>
                    <li><a href="" class="Navigation_nav_a">家电</a></li>
                    <li><a href="" class="Navigation_nav_a">路由器</a></li>
                    <li><a href="">服务中心</a></li>
                    <li><a href="">社区</a></li>
                </ul>
            </div>
            <!-- 搜索框 -->
            <div id="Navigation_select">
                <input type="text" style="border: 1px solid #B0B0B0;width: 250px; height: 50px;">
                <!-- 搜索按钮 -->
                <div id="Navigation_select_submit">

                </div>
            </div>
        </div>
        <!-- 默认隐藏的商品列表 鼠标悬停时显示 -->
        <div id="NavigationProduct">
            <ul id="productNav">
                <li>
                    <div>
                        <a href="">
                            <img src="images/小米15.webp" alt="" width="160px" height="110px">
                        </a>
                        <div class="title">Xiaomi 15</div>
                        <div class=product>4499元起</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="">
                            <img src="images/小米15pro.webp" alt="" width="160px" height="110px">
                        </a>
                        <div class="title">Xiaomi 15 Pro</div>
                        <div class=product>4999元</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="">
                            <img src="images/小米15定制版.webp" alt="" width="160px" height="110px">
                        </a>
                        <div class="title">Xiaomi 15 定制版</div>
                        <div class=product>￥4499起</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="">
                            <img src="images/Xiaomi MIX Fold 4.webp" alt="" width="160px" height="110px">
                        </a>
                        <div class="title">Xiaomi MIX Fold 4</div>
                        <div class=product>8999元起</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="">
                            <img src="images/Xiaomi MIX Flip.webp" alt="" width="160px" height="110px">
                        </a>
                        <div class="title">Xiaomi MIX Flip</div>
                        <div class=product>5999元起</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="">
                            <img src="images/Xiaomi Civi 4 Pro.webp" alt="" width="160px" height="110px">
                        </a>
                        <div class="title">Xiaomi Civi 4 Pro</div>
                        <div class=product>2599元起</div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div id="container_lb">
            <div id="lunb">
                <!-- 轮播图左侧的导航栏 -->
                <div id="lunbNav">
                    <ul>
                        <li class="phone_nav">
                            <a href="">
                                手机
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="phone">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/Xiaomi MIX系列-1.webp" alt="">
                                        <span>Xiaomi MIX系列</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/小米数字旗舰-1.webp" alt="">
                                        <span>Xiaomi 数字旗舰</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/Xiaomi MIX系列-1.webp" alt="">
                                        <span>XiaomiCivi系列</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/红米K系列.webp" alt="">
                                        <span>Redmi K系列</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/Redmi Turbo系列-1.webp" alt="">
                                        <span>Redmi Turbo系列</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/Redmi Note系列-1.webp" alt="">
                                        <span>Redmi Note系列</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_right">
                                <li>
                                    <a href="">
                                        <img src="images/Redmi 数字系列.webp" alt="">
                                        <span>Redmi 数字系列</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="xiaomitv_nav">
                            <a href="">
                                电视
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="xiaomitv">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/电视1.webp" alt="">
                                        <span>旗舰系列-S Pro Mini LED</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/电视2.webp" alt="">
                                        <span>旗舰系列-S Mini LED</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/电视3.webp" alt="">
                                        <span>巨幕影院-Redmi MAX</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/电视4.webp" alt="">
                                        <span>游戏高刷-Redmi X 2025</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/电视5.webp" alt="">
                                        <span>性价比爆款-Redmi A Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/电视6.webp" alt="">
                                        <span>性价比爆款-Redmi A 2025</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="appliances_nav">
                            <a href="">
                                家电
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="appliances">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/空调.png" alt="">
                                        <span>挂壁空调</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/空调2.png" alt="">
                                        <span>立式空调</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/空调3.png" alt="">
                                        <span>中央空调</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/冰箱.png" alt="">
                                        <span>冰箱</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/滚筒洗衣机1.png" alt="">
                                        <span>滚筒洗衣机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/波轮洗衣机.png" alt="">
                                        <span>波轮洗衣机</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/除湿机.png" alt="">
                                        <span>除湿机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/洗地机.jpg" alt="">
                                        <span>洗地机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/电暖器.jpg" alt="">
                                        <span>电暖器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/净水器.jpg" alt="">
                                        <span>净水器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/微蒸烤.jpg" alt="">
                                        <span>微蒸烤</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/烟灶.gif" alt="">
                                        <span>烟灶</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/洗碗机.png" alt="">
                                        <span>洗碗机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/扫地机器人.jpg" alt="">
                                        <span>扫地机器人</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/吸尘器.jpg" alt="">
                                        <span>吸尘器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/加湿器.png" alt="">
                                        <span>加湿器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/空气净化器.jpg" alt="">
                                        <span>空气净化器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/电饭煲.jpg" alt="">
                                        <span>电饭煲</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/电磁炉.jpg" alt="">
                                        <span>电磁炉</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/水壶.jpg" alt="">
                                        <span>水壶</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/落地风扇.png" alt="">
                                        <span>落地风扇</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/投影仪.png" alt="">
                                        <span>投影仪</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/灯具.jpg" alt="">
                                        <span>灯具</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/波轮洗衣机.png" alt="">
                                        <span>除螨仪</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="Notebook_nav">
                            <a href="">
                                笔记本平板 显示器
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="Notebook">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/平板1.webp" alt="">
                                        <span>Xiaomi Pad 7 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板2.webp" alt="">
                                        <span>Xiaomi Pad 7</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板3.webp" alt="">
                                        <span>REDMI Book 14 2025</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板4.webp" alt="">
                                        <span>REDMI Book 16 2025</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板5.webp" alt="">
                                        <span>Xiaomi 平板</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板6.webp" alt="">
                                        <span>Redmi 平板</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/平板7.webp" alt="">
                                        <span>Redmi 轻薄本</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板8.webp" alt="">
                                        <span>Redmi Book Pro 14</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板9.webp" alt="">
                                        <span>游戏电竟显示器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板10.webp" alt="">
                                        <span>办公娱乐显示器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板11.webp" alt="">
                                        <span>Redmi 显示器 G34WQ</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/平板12.webp" alt="">
                                        <span>Redmi G Pro27</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/平板13.webp" alt="">
                                        <span>Redmi显示器A27U</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="Travel_nav">
                            <a href="">
                                出行 穿戴
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="Travel">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/出行1.webp" alt="">
                                        <span>REDMI Watch 5</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行2.webp" alt="">
                                        <span>Xiaomi Watch S4</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行3.webp" alt="">
                                        <span>小米手环9 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行4.webp" alt="">
                                        <span>Redmi 手环 3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行5.webp" alt="">
                                        <span>小米手环9</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行6.webp" alt="">
                                        <span>小米手环9NFC</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/出行7.webp" alt="">
                                        <span>Xiaomi Watch S4Sport</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行8.webp" alt="">
                                        <span>小米手环8 Pro 原神定制版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行9.webp" alt="">
                                        <span>Xiaomi Watch S3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行10.webp" alt="">
                                        <span>小米手环 8 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行11.webp" alt="">
                                        <span>九号平衡车 Plus</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行12.webp" alt="">
                                        <span>九号平衡车燃动版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/出行13.webp" alt="">
                                        <span>小米车载充电器快充版1A..</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/出行14.webp" alt="">
                                        <span>小米无线车充 Pro</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="headsets_nav">
                            <a href="">
                                耳机 音箱
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="headsets">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/波轮洗衣机.png" alt="">
                                        <span>REDMI Buds 6 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/波轮洗衣机.png" alt="">
                                        <span>Redmi Buds6青春版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/波轮洗衣机.png" alt="">
                                        <span>Redmi Buds 6</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/波轮洗衣机.png" alt="">
                                        <span>Xiaomi Buds 5</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/波轮洗衣机.png" alt="">
                                        <span>Redmi Buds 6S</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/波轮洗衣机.png" alt="">
                                        <span>Redmi Buds 6活力版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/er1.webp" alt="">
                                        <span>Xiaomi 开放式耳机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er2.webp" alt="">
                                        <span>Redmi Buds 5 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er3.webp" alt="">
                                        <span>Xiaomi智能家庭屏6</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er4.webp" alt="">
                                        <span>Xiaomi Sound</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er5.webp" alt="">
                                        <span>Xiaomi智能家庭屏 10</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er6.webp" alt="">
                                        <span>小爱音箱 Pro</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/er7.webp" alt="">
                                        <span>小爱音箱Play 增强版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er8.webp" alt="">
                                        <span>Xiaomi Sound Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er9.webp" alt="">
                                        <span>小米小爱音箱 Play</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er10.webp" alt="">
                                        <span>小米小爱触屏音箱Pro 8</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er11.webp" alt="">
                                        <span>Xiaomi 蓝牙音箱 Mini</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er12.webp" alt="">
                                        <span>Xiaomi智能家庭屏Pro 8</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/er13.webp" alt="">
                                        <span>小米AI音箱</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/er14.webp" alt="">
                                        <span>Xiaomi 胶囊耳机</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="health_nav">
                            <a href="">
                                健康 儿童
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="health">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/jk1.jpg" alt="">
                                        <span>洗手机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk2.jpg" alt="">
                                        <span>剃须刀</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk3.webp" alt="">
                                        <span>修剪器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk4.jpg" alt="">
                                        <span>牙刷</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk5.jpg" alt="">
                                        <span>吹风机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk6.png" alt="">
                                        <span>体重秤</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/jk7.jpg" alt="">
                                        <span>体脂秤</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk8.webp" alt="">
                                        <span>米家跑步机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk9.webp" alt="">
                                        <span>米家动感单车</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk10.jpg" alt="">
                                        <span>走步机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk11.webp" alt="">
                                        <span>益智积木</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk12.jpg" alt="">
                                        <span>儿童手表</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/jk13.jpg" alt="">
                                        <span>儿童滑板车</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk14.jpg" alt="">
                                        <span>婴儿推车</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/jk15.webp" alt="">
                                        <span>理发器</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="life_nav">
                            <a href="">
                                生活 箱包
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="life">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/sh1.webp" alt="">
                                        <span>小背包</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh2.jpg" alt="">
                                        <span>双肩包</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh3.webp" alt="">
                                        <span>胸包</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh4.webp" alt="">
                                        <span>旅行箱</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh5.webp" alt="">
                                        <span>收纳袋</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh6.jpg" alt="">
                                        <span>运动鞋</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/sh7.webp" alt="">
                                        <span>服饰</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh8.jpg" alt="">
                                        <span>眼镜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh9.jpg" alt="">
                                        <span>床垫</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh10.png" alt="">
                                        <span>枕头</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh11.jpg" alt="">
                                        <span>螺丝刀</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh12.jpg" alt="">
                                        <span>水杯</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/sh13.jpg" alt="">
                                        <span>驱蚊器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh14.jpg" alt="">
                                        <span>毛巾/浴巾</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/sh15.jpg" alt="">
                                        <span>笔</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="intelligence_nav">
                            <a href="">
                                智能 路由器
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="intelligence">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/zn1.webp" alt="">
                                        <span>MIJIA K歌麦克风</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn2.jpg" alt="">
                                        <span>打印机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn3.webp" alt="">
                                        <span>小米路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn4.webp" alt="">
                                        <span>Redmi路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn5.webp" alt="">
                                        <span>智能家庭</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn6.jpg" alt="">
                                        <span>摄像机</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/zn7.jpg" alt="">
                                        <span>智能门锁</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn8.jpg" alt="">
                                        <span>门铃/猫眼</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn9.webp" alt="">
                                        <span>小爱音箱</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn11.webp" alt="">
                                        <span>家庭屏</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/zn12.webp" alt="">
                                        <span>对讲机</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <li class="power_nav">
                            <a href="">
                                电源配件
                                <em style="float: right;">></em>
                            </a>
                        </li>
                        <div class="power">
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/dy1.webp" alt="">
                                        <span>插座插排</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy2.webp" alt="">
                                        <span>移动电源</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy3.jpg" alt="">
                                        <span>数据线</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy4.webp" alt="">
                                        <span>平板配件</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy5.webp" alt="">
                                        <span>充电器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy6.jpg" alt="">
                                        <span>电池</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="phone_ul_left">
                                <li>
                                    <a href="">
                                        <img src="images/dy7.jpg" alt="">
                                        <span>自拍杆</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy8.jpg" alt="">
                                        <span>手机壳</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy9.jpg" alt="">
                                        <span>手机贴膜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy10.webp" alt="">
                                        <span>无线充电器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy11.jpg" alt="">
                                        <span>黑鲨配件</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/dy12.jpg" alt="">
                                        <span>其他配件</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </ul>
                </div>
                <!-- 轮播图 -->
                <div class="carousel-container">
                    <div class="carousel">
                        <ul class="carousel-slides">
                            <li><img src="images/lunb-1.jpg" alt="Image 1"></li>
                            <li><img src="images/lunb-2.jpg" alt="Image 2"></li>
                            <li><img src="images/lunb-3.jpg" alt="Image 3"></li>
                            <li><img src="images/lunb-4.jpg" alt="Image 4"></li>
                            <li><img src="images/lunb-5.jpg" alt="Image 5"></li>
                            <li><img src="images/lunb-6.jpg" alt="Image 6"></li>
                        </ul>
                        <div class="carousel-controls">
                            <div class="carousel-prev">&lt;</div>
                            <div class="carousel-next">&gt;</div>
                        </div>
                        <div class="carousel-dots">
                            <span class="dot" data-index="0"></span>
                            <span class="dot" data-index="1"></span>
                            <span class="dot" data-index="2"></span>
                            <span class="dot" data-index="3"></span>
                            <span class="dot" data-index="4"></span>
                            <span class="dot" data-index="5"></span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 轮播图下方的导航栏 -->
            <div id="lunbNav_bottom">
                <div id="bottom-1">
                    <div>
                        <a href="">
                            <img src="images/service.png" alt="">
                            <span>保障服务</span>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="images/qiye.png" alt="">
                            <span>企业团购</span>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="images/tdao.png" alt="">
                            <span>F码通道</span>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="images/ka.png" alt="">
                            <span>米粉卡</span>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="images/huan.png" alt="">
                            <span>以旧换新</span>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="images/congzhi.png" alt="">
                            <span>话费充值</span>
                        </a>
                    </div>
                </div>
                <div id="bottom-2"><a href=""><img width="316px" height="170px" src="images/nav-1.png" alt=""></a></div>
                <div id="bottom-3"><a href=""><img width="316px" height="170px" src="images/nav-2.png" alt=""></a></div>
                <div id="bottom-4"><a href=""><img width="316px" height="170px" src="images/nav-3.png" alt=""></a></div>
            </div>
        </div>
        <!-- 侧边导航栏 -->
        <div id="cenav">
            <a href="" id="iphone">
                <div id="iphone_img"><img src="images/iphone.png" alt=""></div>
                <span class="text">
                    手机APP
                </span>
            </a>
            <a href="" id="grzx">
                <div id="grzx_img"><img src="images/10008.png" alt=""></div>
                <span class="text">
                    个人中心
                </span>
            </a>
            <a href="" id="shfw">
                <div id="shfw_img"><img src="images/10002.png" alt=""></div>
                <span class="text">
                    售后服务
                </span>
            </a>
            <a href="" id="rgkf">
                <div id="rgkf_img"><img src="images/rgkf.png" alt=""></div>
                <span class="text">
                    人工客服
                </span>
            </a>
            <a href="" id="gwc">
                <div id="gwc_img"><img src="images/10005.png" alt=""></div>
                <span class="text">
                    购物车
                </span>
            </a>
            <a href="" id="top" >
                <div id="top_img"><img src="images/totop.png" alt=""></div>
                <span class="text">
                    回顶部
                </span>
            </a>
        </div>
        <!-- 商品详细  -->
        <div id="product">
            <div id="Nav_img">
                <img src="images/k80Pro.webp" alt="">
            </div>
            <div id="productContent">
                <span>手机</span>
                <a href="">查看更多</a>
            </div>
            <div id="productDetail">
                <div id="Popular">
                    <a href=""><img src="images/Popular-1.webp" alt=""></a>
                </div>
                <div class="product_Popular">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/Popular-2.webp" alt="">
                                </div>
                                <h3 class="product_title">REDMI Turbo 4</h3>
                                <p class="product_detail">REDMI Turbo 4 好看又能打</p>
                                <p class="price">1999起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sj2.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi 14C</h3>
                                <p class="product_detail">【持久续航】5160mAh 大电池</p>
                                <p class="price">499元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sj3.webp" alt="">
                                </div>
                                <h3 class="product_title">REDMI K80 Pro</h3>
                                <p class="product_detail">骁龙8至尊版I2K新国屏|全焦段影像</p>
                                <p class="price">3699元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sj4.webp" alt="">
                                </div>
                                <h3 class="product_title">REDMI K80</h3>
                                <p class="product_detail">第三代骁龙8I2K新国屏16550mAh 超.</p>
                                <p class="price">2499元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sj5.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi 15</h3>
                                <p class="product_detail">徕卡光学 Summilux 高速镜头|骁龙®.</p>
                                <p class="price">4499元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sj6.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi 15 Pro</h3>
                                <p class="product_detail">徕卡光学 Summilux 高速镜头| 骁龙.</p>
                                <p class="price">5299元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sj7.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi 15 定制版</h3>
                                <p class="product_detail">卡光学 Summilux 高速镜头|骁龙®8.</p>
                                <p class="price">4999元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sj9.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi Note 14 Pro+</h3>
                                <p class="product_detail">第三代骁龙@7s</p>
                                <p class="price">1799元起 4999元</p>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <div id="productContent">
                <span>智能穿戴</span>
                <ul>
                    <li> <a href="" id="cd">穿戴</a></li>
                    <li> <a href="" id="er" style="margin-right: 45px;">耳机</a></li>
                </ul>

            </div>
            <div id="productDetail">
                <div id="Popular">
                    <img src="images/zn.webp" alt="">
                </div>
                <div class="product_Popular" id="Popular1">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ej1.webp" alt="">
                                </div>
                                <h3 class="product_title">REDMI Buds 6 Pro</h3>
                                <p class="product_detail">小米首发圈瓷同轴三单元|55dB深度</p>
                                <p class="price">399元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ej2.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi Buds 6 青春版</h3>
                                <p class="product_detail">42dB深度主动降噪|双麦AI通话抗风,</p>
                                <p class="price">139元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ej3.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi Buds 6</h3>
                                <p class="product_detail">旗舰双单元架构|49dB深度降噪|42h.</p>
                                <p class="price">199元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ej4.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi Buds 5</h3>
                                <p class="product_detail">舒适无感佩戴|高通全链路无损音频.</p>
                                <p class="price">679元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ej5.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi Buds 6S</h3>
                                <p class="product_detail">14.2mm超大动圈单元|半入耳主动降</p>
                                <p class="price">199元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ej6.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi Buds 6 活力版</h3>
                                <p class="product_detail">14.2mm超大动圈|内置五种调音模式</p>
                                <p class="price">99元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ej7.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi 开放式耳机</h3>
                                <p class="product_detail">舒适稳固佩戴∣超线性发声单元∣独.</p>
                                <p class="price">599元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">Xiaomi 开放式耳机</h3>
                                            <p class="price">599元</p>
                                        </div>
                                        <div class="end_img"><img src="images/ej8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">耳机</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="product_Popular" id="Popular2" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/cd1.webp" alt="">
                                </div>
                                <h3 class="product_title">REDMI Watch 5</h3>
                                <p class="product_detail">2.07英寸高刷高亮大屏|24天超长续.</p>
                                <p class="price">599元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/cd2.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi Watch S4</h3>
                                <p class="product_detail">百变表圈|旋转表冠|小米澎湃OS21...</p>
                                <p class="price">999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/cd3.webp" alt="">
                                </div>
                                <h3 class="product_title">小米手环9 Pro</h3>
                                <p class="product_detail">超窄四等边大屏|金属机身|21天超长.</p>
                                <p class="price">399元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/cd4.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi 手环 3</h3>
                                <p class="product_detail">18天超长续航160Hz高刷大屏|全天</p>
                                <p class="price">159元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/cd5.webp" alt="">
                                </div>
                                <h3 class="product_title">小米手环9</h3>
                                <p class="product_detail">18天超长续航|60Hz高刷大屏|全天</p>
                                <p class="price">299元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/cd6.webp" alt="">
                                </div>
                                <h3 class="product_title">小米手环9 NFC</h3>
                                <p class="product_detail">多彩金属机身|高精度运动健康监测|</p>
                                <p class="price">299元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/cd7.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi Watch S4 Sport</h3>
                                <p class="product_detail">体钛机身 蓝宝石玻璃|颂拓运动算</p>
                                <p class="price">1799元起 </p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">小米手环8 Pro原神定制版</h3>
                                            <p class="price">549元</p>
                                        </div>
                                        <div class="end_img"><img src="images/cd8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">穿戴</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="productContent">
                <span>笔记本 | 平板</span>
                <a href="">热门</a>
            </div>
            <div id="productDetail">
                <div id="Popular">
                    <img src="images/bjb1.webp" alt="">
                </div>
                <div class="product_Popular">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/bjb2.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi Pad 7 Pro</h3>
                                <p class="product_detail">11.2英寸3.2K高清高刷屏|第三代骁龙.</p>
                                <p class="price">2399元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/bjb3.webp" alt="">
                                </div>
                                <h3 class="product_title">蠅谣0諛绔aomi Pad 7</h3>
                                <p class="product_detail">11.2英寸3.2K高清高刷屏|第三代骁龙</p>
                                <p class="price">1999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/bjb4.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi Pad Pro系列</h3>
                                <p class="product_detail">12.1英寸2.5K旗舰机大屏|10000mAh.</p>
                                <p class="price">1499元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/bjb5.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi Pad 6S Pro 12.4</h3>
                                <p class="product_detail">第二代骁龙8 旗舰处理器|小米澎湃OS</p>
                                <p class="price">2999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/bjb6.webp" alt="">
                                </div>
                                <h3 class="product_title">REDMI Book 16 2025</h3>
                                <p class="product_detail">47W 满血性能|小米澎湃智联|旗舰.</p>
                                <p class="price">4799元起 5299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/bjb7.webp" alt="">
                                </div>
                                <h3 class="product_title">REDMI Book 14 2025</h3>
                                <p class="product_detail">47W 满血性能|小米澎湃智联|旗舰,</p>
                                <p class="price">4599元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/bjb8.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi Book Pro 16 2024</h3>
                                <p class="product_detail">70W 狂暴性能|3.1K 165Hz 高刷高</p>
                                <p class="price">6399元起</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">Redmi Book
                                                Pro 14 2024</h3>
                                            <p class="price">4999元起</p>
                                        </div>
                                        <div class="end_img"><img src="images/bjb9.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">耳机</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>

            </div>
            <div id="productContent">
                <span>家电</span>
                <a href="" id="air">空调</a>
                <a href="" id="TV" style="margin-right: 45px;">电视影音</a>
                <a href="" id="Hot" style="margin-right: 45px;">热门</a>


            </div>
            <div id="productDetail">
                <div id="Popular_double">
                    <div class="one"><img src="images/jd1.webp" alt=""></div>
                    <div class="two"><img src="images/jd2.webp" alt=""></div>
                </div>
                <div class="product_Popular" id="HotProduct">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/re1.webp" alt="">
                                </div>
                                <h3 class="product_title">小米电视S Pro Mini LED系列</h3>
                                <p class="product_detail">144Hz超高刷、4+64G大存储</p>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/re2.webp" alt="">
                                </div>
                                <h3 class="product_title">小米电视 S Mini LED 系列</h3>
                                <p class="product_detail">MiniLED 高分区背光、1200nits峰值</p>
                                <p class="price">2999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/re3.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi 智能电视 X2025款</h3>
                                <p class="product_detail">240Hz克技模式14+64GBI全色温双色</p>
                                <p class="price">2599元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/re4.webp" alt="">
                                </div>
                                <h3 class="product_title">巨省电 小米空调 1.5匹新1级能效</h3>
                                <p class="product_detail">强劲制冷|高效节能|智能互联</p>
                                <p class="price">2299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/re5.webp" alt="">
                                </div>
                                <h3 class="product_title">巨省电Pro 立式3匹 超一级能效</h3>
                                <p class="product_detail">硬核飓风 智能省电</p>
                                <p class="price">6299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/re6.webp" alt="">
                                </div>
                                <h3 class="product_title">米家波轮洗衣机 10kg</h3>
                                <p class="product_detail">全景玻璃阻尼上盖 防夹手</p>
                                <p class="price">999元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/re7.webp" alt="">
                                </div>
                                <h3 class="product_title">米家迷你波轮洗衣机Pro 3kg</h3>
                                <p class="product_detail">高温煮洗 杀菌除螨</p>
                                <p class="price">799元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">米家双门冰箱185L</h3>
                                            <p class="price">799元</p>
                                        </div>
                                        <div class="end_img"><img src="images/re8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">热门</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>

                <div class="product_Popular" style="display: none;" id="TvProduct">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/tv1.webp" alt="">
                                </div>
                                <h3 class="product_title">小米电视S Pro Mini LED系列</h3>
                                <p class="product_detail">144Hz超高刷、4+64G大存储</p>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/tv2.webp" alt="">
                                </div>
                                <h3 class="product_title">小米电视S Mini LED系列(55/6..</h3>
                                <p class="product_detail">Mini LED 高分区背光、1200nits峰值.</p>
                                <p class="price">2999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/tv3.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi 电视MAX系列</h3>
                                <p class="product_detail">高刷大内存，疾速超大屏</p>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/tv4.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi智能电视X2025款(55/6.</h3>
                                <p class="product_detail">240Hz京技模式14+64GBI全色混双色</p>
                                <p class="price">2599元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/tv5.webp" alt="">
                                </div>
                                <h3 class="product_title">巨省电Pro 立式3匹 超一级能效</h3>
                                <p class="product_detail">硬核飓风 智能省电</p>
                                <p class="price">6299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/tv6.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi智能电视 APro系列</h3>
                                <p class="product_detail">高清原色画质|智能流畅体验</p>
                                <p class="price">1599元起</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">电视影音</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>

                <div class="product_Popular" style="display: none;" id="airProduct">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kt1.jpg" alt="">
                                </div>
                                <h3 class="product_title">巨省电 小米空调 1.5匹新1级能效!</h3>
                                <p class="product_detail">强劲制冷|高效节能|智能互联</p>
                                <p class="price">2299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kt2.jpg" alt="">
                                </div>
                                <h3 class="product_title">巨省电 小米空调 大1匹新1级能效</h3>
                                <p class="product_detail">温湿双控|全直流变频|宽温域运行</p>
                                <p class="price">2199元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kt3.jpg" alt="">
                                </div>
                                <h3 class="product_title">巨省电Pro 小米空调 1.5匹新1级..</h3>
                                <p class="product_detail">能效领先一代的智能空调</p>
                                <p class="price">2699元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kt4.webp" alt="">
                                </div>
                                <h3 class="product_title">米家新风,空调 1.5匹新1级能效 2..</h3>
                                <p class="product_detail">打造室内天然氧吧|4重深度净化，</p>
                                <p class="price">3199元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kt5.webp" alt="">
                                </div>
                                <h3 class="product_title">巨省电Pro 立式3匹 超一级能效</h3>
                                <p class="product_detail">硬核飓风 智能省电</p>
                                <p class="price">6299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kt6.webp" alt="">
                                </div>
                                <h3 class="product_title">上出风Pro 1.5匹超一级能效(冰..</h3>
                                <p class="product_detail">米家空调 上出风Pro 1.5匹超一级能效</p>
                                <p class="price">3699元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kt7.jpg" alt="">
                                </div>
                                <h3 class="product_title">巨省电 小米空调 立式3匹新1级.</h3>
                                <p class="product_detail">高高效节能|立体送风|智能互联</p>
                                <p class="price">4999元 </p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">巨省电 2匹 新1级 米家空调</h3>
                                            <p class="price">2799元</p>
                                        </div>
                                        <div class="end_img"><img src="images/kt8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">空调</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="productContent">
                <span>生活电器</span>
                <a href="" id="clean">清洁</a>
                <a href="" id="purification" style="margin-right: 15px;">空净</a>
                <a href="" id="sweeper" style="margin-right: 15px;">扫地机</a>
                <a href="" id="electric" style="margin-right: 15px;">电暖器</a>

            </div>
            <div id="productDetail">
                <div id="Popular_double">
                    <div class="one"><img src="images/shdq1.webp" alt=""></div>
                    <div class="two"><img src="images/shdq2.webp" alt=""></div>
                </div>
                <!-- 电暖器 -->
                <div class="product_Popular" id="electricProduct">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dnq1.webp" alt="">
                                </div>
                                <h3 class="product_title">小米电视S Pro Mini LED系列</h3>
                                <p class="product_detail">144Hz超高刷、4+64G大存储</p>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dnq2.webp" alt="">
                                </div>
                                <h3 class="product_title">小米电视 S Mini LED 系列</h3>
                                <p class="product_detail">MiniLED 高分区背光、1200nits峰值</p>
                                <p class="price">2999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dnq3.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi 智能电视 X2025款</h3>
                                <p class="product_detail">240Hz克技模式14+64GBI全色温双色</p>
                                <p class="price">2599元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dnq4.webp" alt="">
                                </div>
                                <h3 class="product_title">巨省电 小米空调 1.5匹新1级能效</h3>
                                <p class="product_detail">强劲制冷|高效节能|智能互联</p>
                                <p class="price">2299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dnq5.webp" alt="">
                                </div>
                                <h3 class="product_title">巨省电Pro 立式3匹 超一级能效</h3>
                                <p class="product_detail">硬核飓风 智能省电</p>
                                <p class="price">6299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dnq6.webp" alt="">
                                </div>
                                <h3 class="product_title">米家波轮洗衣机 10kg</h3>
                                <p class="product_detail">全景玻璃阻尼上盖 防夹手</p>
                                <p class="price">999元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dnq7.webp" alt="">
                                </div>
                                <h3 class="product_title">米家迷你波轮洗衣机Pro 3kg</h3>
                                <p class="product_detail">高温煮洗 杀菌除螨</p>
                                <p class="price">799元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">米家双门冰箱185L</h3>
                                            <p class="price">799元</p>
                                        </div>
                                        <div class="end_img"><img src="images/dnq8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">电暖器</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 扫地机 -->
                <div class="product_Popular" id="sweeperProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sdj1.webp" alt="">
                                </div>
                                <h3 class="product_title">米家全能扫拖机器人 M30 S</h3>
                                <p class="product_detail">机械臂贴边清洁，毛发实时防缠绕</p>
                                <p class="price">2599元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sdj2.webp" alt="">
                                </div>
                                <h3 class="product_title">米家全能扫拖机器人M30 Pro</h3>
                                <p class="product_detail">创新「毛发切割」，AI高能扫拖清洁</p>
                                <p class="price">2799元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sdj3.webp" alt="">
                                </div>
                                <h3 class="product_title">米家全能扫拖机器人2</h3>
                                <p class="product_detail">托管式智能扫拖，一机包揽全屋地面，</p>
                                <p class="price">1999元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sdj4.webp" alt="">
                                </div>
                                <h3 class="product_title">米家扫拖机器人 3C增强版</h3>
                                <p class="product_detail">家庭地面清洁优选</p>
                                <p class="price">1099元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sdj5.webp" alt="">
                                </div>
                                <h3 class="product_title">米家扫拖机器人3</h3>
                                <p class="product_detail">强吸尘强擦地，清洁再升级</p>
                                <p class="price">1299元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">扫地机</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 空净 -->
                <div class="product_Popular" id="purificationProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kj8.webp" alt="">
                                </div>
                                <h3 class="product_title">米家空气净化器4 Pro H</h3>
                                <p class="product_detail">超能不止一面，超能净化全屋</p>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kj1.webp" alt="">
                                </div>
                                <h3 class="product_title">米家全效空气净化器 Ultra</h3>
                                <p class="product_detail">7KG超级滤芯，7重深度净化</p>
                                <p class="price">4599元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kj2.webp" alt="">
                                </div>
                                <h3 class="product_title">米家空气净化器 5S</h3>
                                <p class="product_detail">可监测可去除，超能除醛专家</p>
                                <p class="price">499元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kj3.webp" alt="">
                                </div>
                                <h3 class="product_title">米家全效空气净化器</h3>
                                <p class="product_detail">分解式除醛，超能净化旗舰</p>
                                <p class="price">3199元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kj5.webp" alt="">
                                </div>
                                <h3 class="product_title">米家空气净化器 4 Pro</h3>
                                <p class="product_detail">除醛抗菌升级</p>
                                <p class="price">1099元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kj6.webp" alt="">
                                </div>
                                <h3 class="product_title">米家空气净化器 4 Lite</h3>
                                <p class="product_detail">洁净家中小天地，助你奔赴大世界</p>
                                <p class="price">599元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/kj7.webp" alt="">
                                </div>
                                <h3 class="product_title">米家空气净化器 4 MAX</h3>
                                <p class="product_detail">固态甲醛传感器，适用96㎡大空间</p>
                                <p class="price">2099元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">米家空气净化器4</h3>
                                            <p class="price">799元</p>
                                        </div>
                                        <div class="end_img"><img src="images/kj8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">空净</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 清洁 -->
                <div class="product_Popular" id="cleanProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/qj1.webp" alt="">
                                </div>
                                <h3 class="product_title">米家无线洗地机3 Max</h3>
                                <p class="product_detail">180°躺平杀菌洗烘，五合一全屋吸尘</p>
                                <p class="price">2299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/qj2.webp" alt="">
                                </div>
                                <h3 class="product_title">米家无线洗地机3 Pro</h3>
                                <p class="product_detail">180°灵活躺平，全链路杀菌洗烘</p>
                                <p class="price">1599元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/qj3.webp" alt="">
                                </div>
                                <h3 class="product_title">米家无线洗地机2C</h3>
                                <p class="product_detail">轻松杀菌洗，千元旗舰机</p>
                                <p class="price">899元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/qj4.webp" alt="">
                                </div>
                                <h3 class="product_title">米家无线吸尘器2 显尘版</h3>
                                <p class="product_detail">绿光精密显尘，精准清洁防缠毛</p>
                                <p class="price">849元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/qj5.webp" alt="">
                                </div>
                                <h3 class="product_title">米家无线吸尘器2 Lite</h3>
                                <p class="product_detail">强悍大吸力 硬核快除尘</p>
                                <p class="price">439元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/qj6.webp" alt="">
                                </div>
                                <h3 class="product_title">米家除螨仪 Pro</h3>
                                <p class="product_detail">LED智能屏显|14kPa大吸力</p>
                                <p class="price">399元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/qj7.webp" alt="">
                                </div>
                                <h3 class="product_title">米家除螨仪2</h3>
                                <p class="product_detail">四重除螨，洁净床褥织物</p>
                                <p class="price">199元 </p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">清洁</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="productContent">
                <span>厨房电器</span>
                <a href="" id="steaming">微蒸烤</a>
                <a href="" id="rice" style="margin-right: 15px;">电饭煲</a>
                <a href="" id="smoke" style="margin-right: 15px;">烟灶</a>
                <a href="" id="water" style="margin-right: 15px;">净水器</a>
            </div>
            <div id="productDetail">
                <div id="Popular_double">
                    <div class="one"><img src="images/cfdj1.webp" alt=""></div>
                    <div class="two"><img src="images/cfdj2.webp" alt=""></div>
                </div>
                <!-- 净水器 -->
                <div class="product_Popular" id="waterProduct">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/jsq1.webp" alt="">
                                </div>
                                <h3 class="product_title">米家前置过滤器</h3>
                                <p class="product_detail">家庭净水的第一道防线</p>
                                <p class="price">349元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/jsq2.webp" alt="">
                                </div>
                                <h3 class="product_title">米家即热管线机</h3>
                                <p class="product_detail">净水好搭档100度真沸腾</p>
                                <p class="price">1199元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/jsq3.webp" alt="">
                                </div>
                                <h3 class="product_title">米家即热净水器Q1000</h3>
                                <p class="product_detail">专利即热技术，
                                    一分钟1升开水</p>
                                <p class="price">2999元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/jsq4.webp" alt="">
                                </div>
                                <h3 class="product_title">米家净水器1000G</h3>
                                <p class="product_detail">澎湃大水量，5年免换RO滤芯</p>
                                <p class="price">1599元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/jsq5.webp" alt="">
                                </div>
                                <h3 class="product_title">米家无线吸尘器2 Lite</h3>
                                <p class="product_detail">强悍大吸力 硬核快除尘</p>
                                <p class="price">439元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/jsq6.webp" alt="">
                                </div>
                                <h3 class="product_title">米家净水器1000G Pro</h3>
                                <p class="product_detail">米家净水器1000G Pro</p>
                                <p class="price">1699元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/jsq7.webp" alt="">
                                </div>
                                <h3 class="product_title">米家净水器 1200G Pro</h3>
                                <p class="product_detail">全新雯陈水3.0，畅饮母婴级健康水</p>
                                <p class="price">1999元 </p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">米家净水器
                                                1600G</h3>
                                            <p class="price">2699元</p>
                                        </div>
                                        <div class="end_img"><img src="images/jsq8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">净水器</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 烟灶 -->
                <div class="product_Popular" id="smokeProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yz1.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能燃气灶S2 5200W/4800W</h3>
                                <p class="product_detail">5200W/4800W猛火I双环聚能火焰I</p>
                                <p class="price">699元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yz2.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能定时灶S2 5200W /480..</h3>
                                <p class="product_detail">5200W14800W爆炒大火才够味|68%</p>
                                <p class="price">1099元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yz3.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能平嵌侧吸油烟机S1</h3>
                                <p class="product_detail">小巧机身|25立方大吸力|烟灶联动色</p>
                                <p class="price">1799元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yz4.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能顶侧双吸油烟机S2</h3>
                                <p class="product_detail">25m:min大风量I1000Pa大静压</p>
                                <p class="price">2199元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yz5.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能欧式烟机S2</h3>
                                <p class="product_detail">23m/min大吸力|500pa静压|智能.</p>
                                <p class="price">1499元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yz6.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能净烟机S2 白色</h3>
                                <p class="product_detail">下厨不留味|无油网免拆洗」真白不</p>
                                <p class="price">2799元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yz7.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能净烟机P1</h3>
                                <p class="product_detail">劲速气流高效净吸
                                    高速气旋强锁烟.</p>
                                <p class="price">3999元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">米家智能净烟
                                                机P2</h3>
                                            <p class="price">3999元</p>
                                        </div>
                                        <div class="end_img"><img src="images/yz8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">微蒸烤</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 电饭煲 -->
                <div class="product_Popular" id="riceProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dfb1.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能电饭煲 微压版 3L</h3>
                                <p class="product_detail">看得见的真微压</p>
                                <p class="price">399元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dfb2.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能电压力锅5L</h3>
                                <p class="product_detail">锅双胆，9挡调节口感</p>
                                <p class="price">379元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dfb3.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能电压力锅2.5L</h3>
                                <p class="product_detail">煮饭快，焖炖煲煮一机多能</p>
                                <p class="price"> 299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dfb4.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能压力IH电饭煲1S 3L</h3>
                                <p class="product_detail">压力IH加热 智能烹饪</p>
                                <p class="price">999元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dfb5.webp" alt="">
                                </div>
                                <h3 class="product_title">米家透明蒸汽电饭煲 4L</h3>
                                <p class="product_detail">可视化烹饪|无涂层玻璃内胆|沥汤蒸</p>
                                <p class="price">599元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dfb6.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能小饭煲 2</h3>
                                <p class="product_detail">28分钟超快饭 体积更小</p>
                                <p class="price">189元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/dnq7.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能快煮电饭煲5L</h3>
                                <p class="product_detail">28分钟快煮饭|自调节防溢1860W大火</p>
                                <p class="price">299元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">电饭煲</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 微蒸烤 -->
                <div class="product_Popular" id="steamingProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/wzk1.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能蒸烤箱</h3>
                                <p class="product_detail">30L大容积， 基烤烘炸炖一机多用</p>
                                <p class="price">1199元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/wzk2.webp" alt="">
                                </div>
                                <h3 class="product_title">米家微波炉</h3>
                                <p class="product_detail">APP操控，精选食谱</p>
                                <p class="price">429元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/wzk3.webp" alt="">
                                </div>
                                <h3 class="product_title">米家电烤箱</h3>
                                <p class="product_detail">全能烘焙体验</p>
                                <p class="price">299元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/wzk4.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能微烤一体机</h3>
                                <p class="product_detail">能烧烤的微波炉</p>
                                <p class="price">549元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/wzk6.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能嵌入式蒸烤一体机 S1</h3>
                                <p class="product_detail">蒸烤炸一机多能，释放更多厨房空间</p>
                                <p class="price">3099元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/wzk7.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能空气炸烤箱 30L</h3>
                                <p class="product_detail">30L超大容量|健康空气炸|专业烘焙烤</p>
                                <p class="price">669元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">微蒸烤</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="productContent">
                <span>智能家居</span>
                <a href="" id="smart">智能设备</a>
                <a href="" id="router" style="margin-right: 15px;">路由器</a>
                <a href="" id="Door" style="margin-right: 15px;">门锁门铃</a>
                <a href="" id="speaker" style="margin-right: 15px;">小爱音箱</a>
            </div>
            <div id="productDetail">
                <div id="Popular_double">
                    <div class="one"><img src="images/znjj1.webp" alt=""></div>
                    <div class="two"><img src="images/znjj2.webp" alt=""></div>
                </div>
                <!-- 小爱音箱 -->
                <div class="product_Popular" id="speakerProduct">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yx1.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi智能家庭屏 10</h3>
                                <p class="product_detail">MIUl Home|10.1"高清大屏|115°超</p>
                                <p class="price">949元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yx2.webp" alt="">
                                </div>
                                <h3 class="product_title">小米小爱音箱Play 增强版</h3>
                                <p class="product_detail">LED时钟显示，语音控制传统家电</p>
                                <p class="price">129元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yx3.webp" alt="">
                                </div>
                                <h3 class="product_title">小米小爱音箱 Play</h3>
                                <p class="product_detail">听音乐、语音遥控家电</p>
                                <p class="price">99元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yx4.webp" alt="">
                                </div>
                                <h3 class="product_title">小米小爱音箱 Pro</h3>
                                <p class="product_detail">澎湃低音，语音遥控传统家电</p>
                                <p class="price">279元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yx5.webp" alt="">
                                </div>
                                <h3 class="product_title">小米AI音箱(第二代)</h3>
                                <p class="product_detail">低频饱满有深度，人声清晰有细节</p>
                                <p class="price">179元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yx6.webp" alt="">
                                </div>
                                <h3 class="product_title">小米小爱音箱</h3>
                                <p class="product_detail">Hi-Fi级音频芯片，支持AUXIN接口</p>
                                <p class="price">219元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/yx7.webp" alt="">
                                </div>
                                <h3 class="product_title">Redmi小爱触屏音箱 8英寸</h3>
                                <p class="product_detail">8英寸高清大屏，海星优质影音资源</p>
                                <p class="price">349元 </p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">Redmi小爱触屏音箱 8英寸</h3>
                                            <p class="price">349元</p>
                                        </div>
                                        <div class="end_img"><img src="images/yx8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">音箱</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 门锁门铃 -->
                <div class="product_Popular" id="DoorProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ms1.webp" alt="">
                                </div>
                                <h3 class="product_title">小米智能门锁M30 掌静脉版</h3>
                                <p class="product_detail">全新掌静脉识别技术，回家伸手秒开</p>
                                <p class="price">2999元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ms2.webp" alt="">
                                </div>
                                <h3 class="product_title">小米智能门锁M30 人脸识别版</h3>
                                <p class="product_detail">3D结构光人脸识别技术，刷脸开锁不</p>
                                <p class="price">2799元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ms3.webp" alt="">
                                </div>
                                <h3 class="product_title">小米智能门锁2 指静脉版</h3>
                                <p class="product_detail">指纹、
                                    指静脉双生物识别|全新一代全</p>
                                <p class="price">1199元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ms4.webp" alt="">
                                </div>
                                <h3 class="product_title">小米智能门锁2 人脸识别版</h3>
                                <p class="product_detail">3D结构光人脸识别技术，回家刷脸秒</p>
                                <p class="price">1899元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ms5.webp" alt="">
                                </div>
                                <h3 class="product_title">米家智能欧式烟机S2</h3>
                                <p class="product_detail">23m/min大吸力|500pa静压|智能.</p>
                                <p class="price">1499元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ms6.webp" alt="">
                                </div>
                                <h3 class="product_title">小米智能门锁E30</h3>
                                <p class="product_detail">指纹识别开锁，告别钥匙畅享便捷生</p>
                                <p class="price">699元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/ms7.webp" alt="">
                                </div>
                                <h3 class="product_title">小米智能门锁E30 大屏猫眼版</h3>
                                <p class="product_detail">劲速气流高效净吸指纹、密码、NFC等9种开锁方式，告</p>
                                <p class="price">1299元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">小米智能门锁
                                                M30 Pro</h3>
                                            <p class="price">3299元</p>
                                        </div>
                                        <div class="end_img"><img src="images/ms8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">门锁门铃</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 路由器 -->
                <div class="product_Popular" id="routerProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/lyq1.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi路由器 BE7000</h3>
                                <p class="product_detail">7000兆级疾速网络18路独立信号放大器</p>
                                <p class="price">799元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/lyq2.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi路由器 AX3000</h3>
                                <p class="product_detail">小米手机专属加速，四路独立信号放.</p>
                                <p class="price">299元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/lyq3.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi全屋路由(1母1子)</h3>
                                <p class="product_detail">子母组合装，全屋WiFi6，无线有线千</p>
                                <p class="price"> 479元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/lyq4.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi路由器 4A 千兆版</h3>
                                <p class="product_detail">疾速千兆，自在畅游</p>
                                <p class="price">99元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/lyq5.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi路由器 BE5000</h3>
                                <p class="product_detail">性能进化，强劲覆盖</p>
                                <p class="price">279元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/lyq6.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi全屋路由 BE3600Pro 套装</h3>
                                <p class="product_detail">内置小米中枢网关，出厂预配对，智</p>
                                <p class="price">699元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/lyq7.webp" alt="">
                                </div>
                                <h3 class="product_title">Xiaomi路由器 BE6500 Pro</h3>
                                <p class="product_detail">6500兆级1全2.5G网口|内置中枢网关</p>
                                <p class="price">599元</p>
                            </a>
                        </li>
                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">Xiaomi路由器
                                                AX3000T</h3>
                                            <p class="price">159元</p>
                                        </div>
                                        <div class="end_img"><img src="images/lyq8.webp" alt=""></div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">路由器</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 智能设备 -->
                <div class="product_Popular" id="smartProduct" style="display: none;">
                    <ul>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sb1.webp" alt="">
                                </div>
                                <h3 class="product_title">米家空调伴侣2</h3>
                                <p class="product_detail">传统空调轻松智能化</p>
                                <p class="price">79元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sb2.webp" alt="">
                                </div>
                                <h3 class="product_title">小米米家智能开关</h3>
                                <p class="product_detail">不同款式，多种选择</p>
                                <p class="price">59元起</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sb3.webp" alt="">
                                </div>
                                <h3 class="product_title">小米门窗传感器2</h3>
                                <p class="product_detail">开合记录</p>
                                <p class="price">49元 </p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sb4.webp" alt="">
                                </div>
                                <h3 class="product_title">小米天然气卫士</h3>
                                <p class="product_detail">小米天然气卫士</p>
                                <p class="price">179元</p>
                            </a>
                        </li>
                        <li class="first">
                            <a href="">
                                <div class="product_Popular_img">
                                    <img src="images/sb5.webp" alt="">
                                </div>
                                <h3 class="product_title">小米米家电子温湿度计Pro</h3>
                                <p class="product_detail">知冷暖懂于湿的电子表</p>
                                <p class="price">99元</p>
                            </a>
                        </li>

                        <li class="end">
                            <ul>
                                <li>
                                    <a href="">
                                        <div class="end_nr">
                                            <h3 class="product_title">浏览更多</h3>
                                            <p class="price">智能设备</p>
                                        </div>
                                        <div class="llgd"><img src="images/llgd.png" alt=""></div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>

            </div>
            <div id="banner_img" style="margin-top: 20px;padding-bottom: 150px;">
                <a href=""><img src="images/k80Pro.webp" alt=""></a>
            </div>
        </div>

        <div id="footer">
            <div id="footer_banner">
                <ul>
                    <li><a href="">预约维修服务</a></li>
                    <li><a href="">7天无理由退货</a></li>
                    <li><a href="">15天免费换货</a></li>
                    <li><a href="">满69包邮</a></li>
                    <li><a href="">1100余家售后网点</a></li>
                </ul>
                <br>
                <hr color="#B0B0B0" size="1px">
            </div>
            <div id="footer_container">
                <dl class="dl_first"></dl>
                <dl class="dl_container">
                    <dt>选购指南</dt>
                    <dd><a href="">手机</a></dd>
                    <dd><a href="">电脑</a></dd>
                    <dd><a href="">电视</a></dd>
                    <dd><a href="">笔记本</a></dd>
                    <dd><a href="">平板</a></dd>
                    <dd><a href="">穿戴</a></dd>
                    <dd><a href="">耳机</a></dd>
                    <dd><a href="">家电</a></dd>
                    <dd><a href="">路由器</a></dd>
                    <dd><a href="">音箱</a></dd>
                    <dd><a href="">配件</a></dd>
                </dl>
                <dl class="dl_container">
                    <dt>服务中心</dt>
                    <dd><a href="">申请售后</a></dd>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href="">维修服务价格</a></dd>
                    <dd><a href="">订单查询</a></dd>
                    <dd><a href="">以旧换新</a></dd>
                    <dd><a href="">保障服务</a></dd>
                    <dd><a href="">防伪查询</a></dd>
                    <dd><a href="">F码通道</a></dd>
                </dl>
                <dl class="dl_container">
                    <dt>线下门店</dt>
                    <dd><a href="">小米之家</a></dd>
                    <dd><a href="">服务网点</a></dd>
                    <dd><a href="">授权体验/专区</a></dd>
                </dl>
                <dl class="dl_container">
                    <dt>关于小米</dt>
                    <dd><a href="">了解小米</a></dd>
                    <dd><a href="">加入小米</a></dd>
                    <dd><a href="">投资者关系</a></dd>
                    <dd><a href="">可执行发展</a></dd>
                    <dd><a href="">廉洁举报</a></dd>
                </dl>
                <dl class="dl_container">
                    <dt>关注我们</dt>
                    <dd><a href="">新浪微博</a></dd>
                    <dd><a href="">官方网站</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd><a href="">公益基金会</a></dd>
                </dl>
                <div id="lianxime">
                    <div id="lianxi_top">
                        <p style="margin-bottom: 1s0px;">950816</p>
                        <p style="margin-bottom: 10px;">8:00-18:00（仅收市话费）</p>
                        <a href="">人工客服</a>
                    </div>
                    <p id="iphone_liamxi">950818</p>
                    <div id="lianxi_bottom">
                        <p>8:00-18:00（仅收市话费）</p>
                        <p>手机适用于：Xiaomi MIX Fold系列、MIX Flip系列、数字12系列及以上</p>
                        <p>电视适用于：98寸、100寸电视</p>
                        <a href="">人工客服</a>
                    </div>
                </div>
            </div>
        </div>
        <div id="shangbiao">
            <div id="shangbiao_container">
                <div id="logo_shangbiao">
                    <img src="images/logo.png" alt="" width="56px" height="56px">
                </div>
                <div id="shangbiao_text">
                    <p class="p1">
                        <a href="">小米商城</a>
                        <a href="">小米澎湃OS</a>
                        <a href="">米家</a>
                        <a href="">多看</a>
                        <a href="">游戏</a>
                        <a href="">音乐</a>
                        <a href="">政企服务</a>
                        <a href="">小米天猫店</a>
                        <a href="">小米集团隐私政策</a>
                        <a href="">小米公司儿童信息保护规则</a>
                        <a href="">小米商城隐私政策</a>
                        <a href="">小米商品用户协议</a>
                        <a href="">问题反馈</a>
                        <a href="">Select Location</a>
                    </p>
                    <p class="p2">
                        <a href="">北京互联网法院法律服务工作站</a>
                        <a href="">中国消费者协会</a>
                        <a href="">北京市消费者协会</a>
                    </p>
                    <p id="shangbiao_text_p">
                        ©
                        <a href=""> 京ICP证110507号
                        </a>
                        <a href="">京ICP备10046444号</a>
                        <a href="">京公网安备11010802020134号</a>
                        <a href="">京网文[2023]0169-004号</a>
                        <a href="">（京）网械平台备字（2018）第00005号</a>
                        <a href="">药品医疗器械网络信息服务备案 (京)网药械信息备字（2024）第00478号</a>
                        <a href="">营业执照</a>
                        <a href="">医疗器械质量公告</a>
                        <a href="">增值电信业务经营许可证编号：京B2-20180851</a>
                        <a href=""> 网络食品经营备案 京食药网食备202010048</a>
                        <a href=""> 新出发京批字第直220280号</a>
                        <a href="">违法和不良信息举报电话：171-5104-4404 </a>
                        <a href=""> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试 </a>
                    </p>
                    <div id="shangbiaoimg">
                        <a href=""><img src="images/v-logo-2.png" alt=""></a>
                        <a href=""><img src="images/icon3.png" alt=""></a>
                        <a href=""><img src="images/v-logo-3.png" alt=""></a>
                    </div>
                </div>

                <p id="zhuf">
                    让全球每个人都能享受科技的乐趣
                </p>
            </div>
        </div>
    </div>
    <script src="js/index.js"></script>
</body>

</html>